<template>
<div class="flex-row-center banner-wrapper">
  <el-image :src="logPath" style="width: 90px"></el-image>
  <div class="flex-col-center basic-padding">
    <div class="name">长沙理工大学电费预警报表系统</div>
    <div class="sub-name">基于异常检测的实时电费预警报表系统</div>
  </div>
</div>
</template>

<script>
export default {
  name: "banner",

  data() {
    return {
      logPath: require('@/assets/icon.png')
    }
  }
};
</script>

<style scoped>
.banner-wrapper {
  padding: 40px 0;
}
.sub-name {
  /*font-size: 40px;*/
  color: #cbcbcb;
}

.name {
  font-weight: 600;
  font-size: 40px;
  line-height: 70px;
}
.logo {
  width: 60px;
}
</style>